Vuetify 2.1.8からVuetify 2.2.5での変更でダークテーマの黒がすごく黒くなった件に対する情報を集める
hr.icon
まず実際の色から。
before (2.1.8)
https://gyazo.com/ac96aa25bd5343f155459ae1d85ed702
after (2.2.5)
https://gyazo.com/7eeb0933c1a35a69b207299562ed1e38
どの変更で暗くなったのか
以下が2.1.8から2.2.5のpackages/docs/src/components/doc/Markup.vueの変更に移動するやつ。
以下のようなカラーコードの変更が見られる。
https://gyazo.com/2dbca4672ba85a72a0f6eb8e01180ef2
それぞれのカラーコードは以下になる。見た目的に今回の変更と一致している。（ちゃんとしたいならスポイト的なもので調査してもいいが） https://gyazo.com/f7491855bee09ebaa5ea9707a2e440ad
https://gyazo.com/eb2e2e2e03951418bd869b50be33373d
上記のカラーコードの差分が出た変更を探ると以下を見つけられる。
ただこの変更コメントとファイルのパスから推測するにドキュメントの変更ぽい。だからVueityf全体に影響を受けるのかはまだ不明。 #1F1F1Fで調べると全体に影響を受けそうな変更が見つかった。
https://gyazo.com/b5e96d5e4329fcee4f9c7789781dfa18
このコミット「fix(framework): update colors to match spec」を調べると以下のように2.2.5のリリースノートで見つかった。
https://gyazo.com/299b35f1086f1f5a72910ce46f1ed8de
基本的にもともとDependabotからあったVuetifyのバージョンの変化は2.2.5の一つ前2.2.4もレビューしていてそのときはこの黒い色になっていなかったので2.2.5の変更（マイナーアップデートのはず）で黒くなったのだとは頭の中では思っていた。 コミットメッセージから読み取るにspec通りになるように色を変更したという感じらしい。ここでダークテーマの色が変わったぽい。マイナーアップデートだけど変更されたのは2.2.0でリリースされた後のもともとの色が問題だったということなのかもしれない。
Material design 2になってダークテーマの色が暗くなったらしい。
It was updated to match MD2: 103becb
The example on that page is using #1f1f1f for the toolbar, but actually has an even darker #1d1d1d for the cards as they're lower elevation.
デザインは慣れということはあるとは思うが、最初Vuetifyのダークテーマを見た時に暗すぎずマットな感じでいいなって思って選んだ側面もあるから個人的にはちょっと残念。Material Designに準拠するいうことなのは分かってはいるのだが。 ただし、完全に準拠できている訳ではなさそう。
上記のコメントでTool barが#1f1f1fでcardがそれよりくらい#1d1d1dになるべきだが、以下で分かるようにそうはなっていなかった。
https://gyazo.com/8cc310978eca106bac4bf0a669c03c5c
それに対して違う色にするのは難しいらしいとのこと。
Already brought it up with john, the current structure makes it a bit tricky to have different colours for them.
https://gyazo.com/5a61817d2c6920e23befe44ade3ba075
#1F1F1F
#121212
#1E1E1E
#1F1F1F
#121212
#1F1F1F
だった。